<template>
	<view>
		<!-- 色块 -->
		<view class="colorBlock">
			
		</view>
		
		<!-- 商品卡片 -->
		<view class="GoodsCard">
			<checkbox-group name="">
				<label>
					<checkbox :value="false" />
				</label>
			</checkbox-group>
			<img src="../../../static/img/goods.png" alt="" style="width: 240rpx;height: 240rpx;margin-left: 24rpx;"/>
			<view class="GoodsInfo">
				<view class="" style="margin-bottom: 40rpx;">
					The Girl-单人
				</view>
				<view class="">
					￥399
				</view>
			</view>
		</view>
		
		<view class="GoodsCard">
			<checkbox-group name="">
				<label>
					<checkbox :value="false" />
				</label>
			</checkbox-group>
			<img src="../../../static/img/goods.png" alt="" style="width: 240rpx;height: 240rpx;margin-left: 24rpx;"/>
			<view class="GoodsInfo">
				<view class="" style="margin-bottom: 40rpx;">
					The Girl-单人
				</view>
				<view class="">
					￥399
				</view>
			</view>
		</view>
		
		<view class="bottom">
			<checkbox-group name="" style="margin-left: 30rpx;">
				<label>
					<checkbox :value="false" /><text style="margin-left: 24rpx;">全选</text>
				</label>
			</checkbox-group>
			<view class="" 
			style="margin-left: 256rpx;">
				<text>合计:</text>
				<text style="color: #FFA400;">￥0</text>
			</view>
			<button class="balance">结算</button>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style>
.colorBlock{
	width: 100%;
	height: 50rpx;
	background-color: #FFA400;
	position: absolute;
	z-index: -1;
}

.GoodsCard{
	width: 100%;
	height: 320rpx;
	background-color: white;
	border-radius: 34rpx;
	padding: 40rpx 30rpx;
	box-sizing: border-box;
	line-height: 240rpx;
	display: flex;
	margin-bottom: 30rpx;
}

.GoodsInfo{
	font-size: 36rpx;
	line-height: 36rpx;
	margin-left: 30rpx;
	margin-top: 51rpx;
}

.bottom{
	width: 100%;
	height: 108rpx;
	background-color: white;
	position: absolute;
	bottom: 0;
	line-height: 108rpx;
	display: flex;
}

.balance{
	width: 176rpx;
	height: 80rpx;
	background-color: #FFA400;
	color: white;
	border-radius: 40rpx;
	line-height: 80rpx;
	margin-top: 14rpx;
}
</style>
